<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>唐杰的个人网站哟</title>
<style>
* { margin: 0; padding: 0;}
a{color: #000000;text-decoration: none;}
a:hover{color: aqua;}

.mytitle{text-align: center;}
#dowebok { width: 90%; margin: 0 auto; font-size: 14px;}
#dowebok li { float: left; width: 30%; margin-left: 1%; padding-top: 1%;}
#dowebok li img { width: 100%;}
#dowebok li .dt { width: 100%;text-align: center;}
#dowebok li{list-style-type: none;}
body{
	background:  url(img/t1.jpg) ;
}

</style>
</head>

<body>
	<h1 class="mytitle">179000950 唐杰</h1>
	<ul id="dowebok">
		<li>
			<div class="d1"><a href="index1.html"><img data-original="img/KHD1.jpg" src="img/KHD1.jpg" alt="图片1"></a></div>
			<div class="dt"><a href="index1.html">作品1：第一次作业</a></div>
		</li>
		<li>
			<div class="d2"><a href="index2.html"><img data-original="img/KHD2.jpg" src="img/KHD2.jpg" alt="图片2"></div>
			<div class="dt"><a href="table2.html">作品2：第二次作业</div>
		</li>
		<li>
			<div class="d3"><a href="index3.html"><img data-original="img/KHD3.jpg" src="img/KHD3.jpg" alt="图片3"></div>
			<div class="dt"><a href="index3.html">作品3：第三次作业</div>
		</li>
		<li>
			<div><a href="index4.html"><img data-original="img/KHD4.jpg" src="img/KHD4.jpg" alt="图片4"></div>
			<div class="dt"><a href="index4.html">作品4：第四次作业</div>
		</li>
		<li>
			<div><a href="index5.html"><img data-original="img/KHD5.jpg" src="img/KHD5.jpg" alt="图片5"></div>
			<div class="dt"><a href="index5.html">作品5：第五次作业</div>
		</li>
		<li>
			<div><a href="index6.html"><img data-original="img/KHD6.jpg" src="img/KHD6.jpg" alt="图片6"></div>
			<div class="dt"><a href="index6.html">作品6：第六次作业</div>
		</li>
		<li>
			<div><a href="index7.html"><img data-original="img/KHD7.jpg" src="img/KHD7.jpg" alt="图片7"></div>
			<div class="dt"><a href="index7.html">作品7：第七次作业</div>
		</li>
		<li>
			<div><a href="index8.html"><img data-original="img/KHD8.jpg" src="img/KHD8.jpg" alt="图片8"></div>
			<div class="dt"><a href="index8.html">作品8：第八次作业</div>
		</li>
	</ul>

</body>
</html>
